<template>
  <div>
    <p>原始字符串: {{ message }}</p>
  <p>计算后反转字符串: {{ reversedMessage }}</p>
  <p>计算后反转字符串: {{ reversedMessage2() }}</p>
  </div>
</template>

<script>
export default {
  name: 'computedMe',
  data () {
    return {
      message: 'abcde'
    }
  },
  computed: {
    reversedMessage: function () {
      // computed 属性默认只有 getter
      return this.message.split('').reverse().join('')
    }
  },
  methods: {
    reversedMessage2: function () {
      return this.message.split('').reverse().join('')
    }
  }
}
</script>
